import React, { PureComponent } from 'react';
import { Image } from 'react-uwp/Image';
export default class Footer extends PureComponent {
  promotion(item, index) {
    return (
      <li key={index} className="dfcc" style={{ marginRight: '1.2rem' }}>
        <div
          className="cff f16"
          style={{ paddingLeft: '10px', borderLeft: '3px solid #f3b10f' }}
        >
          {item.title}
        </div>
        <img
          style={{
            width: '4rem',
            height: '4rem',
            border: '1px solid #ececec',
            marginTop: '0.8rem'
          }}
          src={item.vodeImg}
        />
      </li>
    );
  }
  render() {
    const promotion = [
      { title: '51瞧瞧公众号', codeImg: '' },
      { title: '瞧瞧意大利公众号', codeImg: '' },
      { title: '商城小程序码', codeImg: '' }
    ];
    const partner = [
      require('../assets/img/home/meituan.png'),
      require('../assets/img/home/mafengwo.png'),
      require('../assets/img/home/xiecheng.png'),
      require('../assets/img/home/feizhu.png')
    ];
    return (
      <footer
        className="dfccb"
        style={{
          padding: '1.2rem 0',
          background: '#556FB5',
          width: '100%'
        }}
      >
        <div className="dfrsb content">
          <ul className="dfr">
            {promotion.map((item, index) => this.promotion(item, index))}
          </ul>
          <div className="dfc" style={{ marginLeft: '1.2rem' }}>
            <div className="cff f16">合作伙伴:</div>
            <div className="dfrcb partner">
              {' '}
              {partner.map((img, index) => {
                return (
                  <Image
                    key={index}
                    src={img}
                    style={{
                      width: '5.6rem',
                      height: '2.4rem',
                      marginRight: index == 0 ? '0' : '0.8rem'
                    }}
                  />
                );
              })}
            </div>
          </div>
        </div>
        <p className="cff f14" style={{ marginTop: '1.6rem' }}>
          Copyright@2015-2018 上海畅欧旅游咨询有限公司 All Rights Reserved | 沪
          ICP
        </p>
      </footer>
    );
  }
}
